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