This document outlines the structure, setup and functionalities of Code-4all. It's is designed for developpers, contributors and users to understand the project and how it works.
- Name: Code-4all
- Description: An online platform selling a diverse range of coding resources splitted in two main categories: Frontend and Backend.
- Target audience: Developers, programmers, students, and anyone interested in learning and practicing coding.
- Tech stack: Full stack application.
This project was built using the following technologies;
- Frontend: Nextjs with TypeScript
- Backend: Nestjs with TypeScript
- Database: MySQL
- Assets: Storing images, icons, and other static files
- Install dependencies: Use the following command line tool to install required libraries and frameworks;
npm install
- Run the server: Use the following command to run the server;
npm run dev
- Access the website: Open http://localhost:3000 with your browser to see the result.
- Product browsing and search: Users can browse through product categories, search for specific items, and view detailed product information and can eventually add to shopping cart.
- Shopping cart and checkout: Users can add code snippets to their cart, manage quantities, and proceed to checkout using various payment methods (paypal and credit cart). After purchase the user will receive links of all the purchased code snippets in his mail box.
- User accounts: Users can register and create accounts to manage their orders, see their purchased code snippets, see payment histories and eventually have the posibility to upload their own course and put it for sale.
- Content management system (CMS): Administrators can add, edit, and manage code snippet information, category, description, price, etc.
You can view a fully working demo at https://code-4all-dev.vercel.app/