Welcome to Learn SQL, a beginner-friendly interactive website that explains SQL concepts in a structured and visually engaging way. This project was built using React JS and Tailwind CSS, combining educational content with a responsive and modern UI.
The project is live and can be viewed here: LearnSQL
I created this project while learning SQL through the Apna College SQL One Shot Tutorial. The website presents SQL theory in a clear and structured manner, including topics like:
- SQL Commands (DDL, DML, DQL, DCL, TCL)
- SQL Data Types
- Joins
- Aggregate Functions
- Subqueries
- Projects and more!
The content is curated from Apna College’s material and enhanced with my own understanding and design techniques.
- Simple and clean design with Tailwind CSS
- Fully responsive layout for all screen sizes
- Organized by topic for easy navigation
- Scroll-to-top functionality
- Optimized for learners and revision
- ⚛️ React JS
- 🎨 Tailwind CSS
- 🗂️ React Router DOM
- ⚛️ React icons
# 1. Clone the repo git clone https://github.com/TonyStark-19/LearnSQL.git # 2. Move into the project folder cd LearnSQL # 3. Install dependencies npm install # 4. Start the development server npm run dev
⚠️ Make sure you have Node.js and npm installed on your system.
To master SQL, theory isn't enough — practice is key! I recommend:
- 🎓 Apna College SQL One Shot Tutorial
- 💡 Additional content and design by me.
Contributions are welcome! If you'd like to improve this project, feel free to fork the repo, make changes, and submit a pull request.
Made with ❤️ by Aditya chandel