This project is a full-stack web application built using TypeScript, Express, MongoDB Atlas, React.js, Ant Design, Tailwind CSS, Redux Toolkit, and Redux Thunk for managing companies and products. The application features a classical login/register page for user authentication. After logging in, users are welcomed to a homepage displaying statistical reports and dynamically updated panels regarding the data.
The project is live and accessible at Productiva
Note on Live Demo: Please be aware that due to the utilization of a free backend service, the initial response might take 1-2 minutes to retrieve data.
- User authentication (login/register)
- Dashboard with statistical reports
- Search and sorting functionality with dynamically filtered product table, allowing users to dynamically filter product data.
- Company management: Add, edit, and remove companies
- Product management: Add, edit, and remove products with relation to companies
- TypeScript for static typing
- Express.js for backend development
- MongoDB Atlas for database management
- React.js for frontend development
- Ant Design for UI components
- Tailwind CSS for styling
- Redux Toolkit for state management
- Redux Thunk for asynchronous actions
- JWT (JSON Web Token) for authentication
- Clone the repository.
- Navigate to the project directory.
- Install dependencies with
npm install. - Start the development server and frontend with
npm run dev.