A simple yet functional online market system with customer and admin interfaces. This project was created for learning purposes and to explore web development concepts in a practical way.
- Learning project to understand JavaScript, HTML, and CSS
- Experimenting with client-server architecture
- Understanding state management and DOM manipulation
- Practice working with APIs and data persistence
- Browse products
- Add items to cart
- Real-time price calculation
- Search functionality
- Dark/Light theme toggle
- Add new products
- Edit existing products
- Delete products
- View statistics
- Search functionality
- Frontend: HTML, CSS, JavaScript
- Backend: Node.js with Express
- Data Storage: JSON file
- API: RESTful endpoints
This project was developed with significant help from AI tools as part of the learning process. The code structure and implementation were guided by AI while learning JavaScript and web development concepts.
The current codebase is a working prototype but needs significant refactoring:
- Code organization needs improvement
- Better separation of concerns needed
- Comments and documentation to be added
- Error handling could be enhanced
- Security features to be implemented
- Clone the repository
git clone [repository-url]- Install dependencies
npm install express cors- Navigate to the project directory
cd market- Start the server
node server.js- Access the application
- Open your browser and go to
http://localhost:3000
- Default Admin Credentials
{
"username": "admin",
"password": "123456"
}- Node.js
- NPM
- Modern web browser
Feel free to fork, modify, and make pull requests. As this is a learning project, any input or suggestions are welcome!
This project is not intended for production use. It's a learning tool and demonstration of basic web development concepts.
Special thanks to Ítalo, a friend of mine that gave me the idea of this project and to ChatGPT/Claude because... well... LOL