10xStudyHub is a blogging and course-learning website using a robust technology stack that includes React, Node.js, AWS RDS, SQL, and Stripe. This project covers everything from front-end development to back-end logic and payment integration.
- 🌐 Full-Stack Project: Build a course-selling website using React (front end) and Node.js (back end).
- 🎨 Front-End: Create a responsive UI with React, Tailwind CSS, and Markdown.
- 💻 Back-End: Handle server-side logic with Node.js and Express.
- 🗄️ Database: Manage a MySQL database using AWS RDS.
- 💳 Payments: Use Stripe for secure transactions.
- 📚 Courses: Display video content dynamically for purchased courses.
- 🔒 Authentication: Implement user registration, login, and private routes.
- 🛠️ Tech Stack: React and Node.js enhance performance and user engagement.
- 🔄 State Management: React hooks like
useState
anduseEffect
manage state and updates. - 🔍 User Experience: Tailwind CSS provides a responsive and attractive design.
- 📊 Database: AWS RDS ensures scalable, reliable MySQL hosting.
- 🔗 API Integration: Stripe and Vimeo APIs enhance payments and media handling.
- 📃 Content Management: Markdown simplifies blog content creation.
- 🔐 Security: Strong authentication and error handling keep user data secure.
-
Clone the Repository
git clone https://github.com/neeraj542/10xStudyHub.git
-
Install Dependencies
cd your-repository npm install
-
Set Up Environment Variables
- Create a
.env
file in the root directory and add your environment variables for database connection and Stripe API keys.
- Create a
-
Start the Development Server
npm run dev
-
Access the Application Open your browser and navigate to
http://localhost:3000
to view the application.
Feel free to contribute to the project by submitting issues or pull requests. For major changes, please open an issue first to discuss what you would like to change.
This project is licensed under the MIT License - see the LICENSE file for details.