Link to the demo page: https://kaya234.github.io/react-sql
Link to the API: https://river-spice-blouse.glitch.me/courses
Courses Demo Page project showcases a simple yet effective course management system using React for the front-end and Node.js and SQLite3 for the back-end.
It provides an intuitive interface to browse through a collection of courses, filter them based on specific category, and search for relevant ones based on name or category. Each course listing includes a brief details, thumbnail, and a button to view more information.
Course Overview: A dynamic grid displays an overview of available courses, including their titles, thumbnails, and button to view more information.
Filtering: Users can filter courses based on category.
Search: A search bar allows users to quickly locate courses matching specific category or name.
Course Details: Clicking on a course button displays course detail with information, including a title, comprehensive description, location and capacity.
Front-end: React
Back-end: Node.js + SQLite3
Data Modeling: Courses are represented as rows inside courses database table containing relevant details such as title, description, thumbnail path, category, capcity, city.
Runs the API for the development enviroment.
Open http://localhost:5038/courses to view the json in the browser.
Runs the app in the development mode.
Open http://localhost:3000/react-sql to view it in your browser.
The page will reload when you make changes.
You may also see any lint errors in the console.
Runs the app and API at the same time in the development mode.
Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.
Serves the build demo page and uses production API https://river-spice-blouse.glitch.me/courses.