This repository contains a general template for a customizable CRM (Customer Relationship Management) system. It features a functional component architecture using React. For database handling, please refer to the Backend Repository.
- Node.js installed on your system.
- The project is a mix of JavaScript (90.3%) and TypeScript (9.7%).
- Clone the repository to your local machine.
- Navigate to the project directory.
- Run the following commands:
npm install
npm start
This will install the necessary packages and start the server.
- After starting the server, navigate to the initial login page.
- You can use any password for the initial login.
![image](https://private-user-images.githubusercontent.com/82184077/296933444-23e83a1c-eaff-432b-8e94-42b8731f79a5.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkzMTk0OTAsIm5iZiI6MTczOTMxOTE5MCwicGF0aCI6Ii84MjE4NDA3Ny8yOTY5MzM0NDQtMjNlODNhMWMtZWFmZi00MzJiLThlOTQtNDJiODczMWY3OWE1LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTIlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjEyVDAwMTMxMFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTJlMjRmMmE3YTg1MjA0ZmI4MDY4ODU3MjBlYWQ5ZmUwYWQ3YWU1MmQ3YzRhMGE4ODFjZjNjYjdhZTJhNzlkOTQmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.xA3b8H90MjeTWR98N6gxCo5jjrYQjFfwepfFYCtBEZQ)
![image](https://private-user-images.githubusercontent.com/82184077/296933449-42c4a8c9-61f2-431f-81a5-053f725e9838.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkzMTk0OTAsIm5iZiI6MTczOTMxOTE5MCwicGF0aCI6Ii84MjE4NDA3Ny8yOTY5MzM0NDktNDJjNGE4YzktNjFmMi00MzFmLTgxYTUtMDUzZjcyNWU5ODM4LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTIlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjEyVDAwMTMxMFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTUwNTM0NmY5YmE1YmM1NjM1NGIxZjQyOTExOWE3ZGQzNmIyMzQzMWI3OWRiZDliMmU5MTM0MTBiZmFiMTYwMjkmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.aERBQY2rFaeAi9iErUzuLHev45r_y0h2oy2mIPmZKcc)
![image](https://private-user-images.githubusercontent.com/82184077/296933475-8a3703aa-e99c-4941-88cc-8f69ff366a94.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkzMTk0OTAsIm5iZiI6MTczOTMxOTE5MCwicGF0aCI6Ii84MjE4NDA3Ny8yOTY5MzM0NzUtOGEzNzAzYWEtZTk5Yy00OTQxLTg4Y2MtOGY2OWZmMzY2YTk0LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTIlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjEyVDAwMTMxMFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTVmMzgyZDBlOTRmZDEwNmFiYmYzMDhiMDA4N2UxODQyYzkxNjRjNGFiMTA5MDFjMmJjYmQzZjg0MDNiNmNkNzYmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.6FzrGB584qtWa07IjMD5W7beHoAl7QAYWFANZm32m_M)
![image](https://private-user-images.githubusercontent.com/82184077/296933470-aae50b25-5761-47fb-ba83-0a8d955bdd84.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkzMTk0OTAsIm5iZiI6MTczOTMxOTE5MCwicGF0aCI6Ii84MjE4NDA3Ny8yOTY5MzM0NzAtYWFlNTBiMjUtNTc2MS00N2ZiLWJhODMtMGE4ZDk1NWJkZDg0LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTIlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjEyVDAwMTMxMFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWNjNWQ1ODAwNjYzNjlhOGVjNzZkNjNhZWRkOTgwMWE1MjcyZDljZDBhZDA5ODBkMTRlNWViMGI0OTgxMzI2ODQmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.bm1zScPHyc2yHJDsvqRA9Whla68Aaf4jd5Jeej0Jjt8)
I was trying to get more experiecne on UI design, React hooks, React states, cookies, and user authentication. Inspired by the youtube channel EdRoh, thanks a lot!