To get started with the TodoWorks client, follow the steps below.
Ensure you have the following installed on your system:
- Node.js (v14 or later)
- npm (v6 or later)
-
Clone the repository:
git clone https://github.com/drianlarde/todoworks-client.git
-
Navigate into the project directory:
cd todoworks
-
Install the dependencies:
npm install
To start the development server, run:
npm run dev
This will start the Next.js development server. You can now open your browser and navigate to http://localhost:3000
to see your application in action.
For backend functionality, you can run the TodoWorks server locally. Please refer to the TodoWorks Server Repository for instructions on how to set it up. Note that the local client is already connected to the database.
- Next.js 14.2: A React framework for server-side rendering and generating static websites.
- TailwindCSS: A utility-first CSS framework for rapid UI development.
- ui/shadcn: A UI component library.
- React Query: A data-fetching library for React applications.
- Server Actions: Used for mutations only.
![image](https://private-user-images.githubusercontent.com/69323240/339789802-eda86fb8-b329-4d18-84ab-30b65696d10a.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjUyMTkwNDEsIm5iZiI6MTcyNTIxODc0MSwicGF0aCI6Ii82OTMyMzI0MC8zMzk3ODk4MDItZWRhODZmYjgtYjMyOS00ZDE4LTg0YWItMzBiNjU2OTZkMTBhLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA5MDElMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwOTAxVDE5MjU0MVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWUxYzlmNDMxYjVlYTA3YjE2YmY1MmZjMDc2MzA4YmUzZmM1NDA2NTRmMjljMjAwNzAxNmE1ZjAyMWM1OTAzMzkmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.f41O9uLJLDYnpMavufGqBwOCVNFlEHGHbrlOQAxN5n0)
![image](https://private-user-images.githubusercontent.com/69323240/339790175-e4aa638e-ed48-412b-9d63-f81e6583e4a2.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjUyMTkwNDEsIm5iZiI6MTcyNTIxODc0MSwicGF0aCI6Ii82OTMyMzI0MC8zMzk3OTAxNzUtZTRhYTYzOGUtZWQ0OC00MTJiLTlkNjMtZjgxZTY1ODNlNGEyLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA5MDElMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwOTAxVDE5MjU0MVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTYwMmQxY2QzMmY5YjkzOTQ1MzMyNjRiZDk0YTBkMThkM2Y0ZDc4NjViNGIyZjk4NGUyYzY1NjI0MGMwMDc1ZDAmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.bWflvyYR1oXNwTSv0626zIpcfD4JfIVKv2rjBV0e0aA)
![image](https://private-user-images.githubusercontent.com/69323240/339790256-b365e755-91e2-44c4-b37b-186d815cf21c.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjUyMTkwNDEsIm5iZiI6MTcyNTIxODc0MSwicGF0aCI6Ii82OTMyMzI0MC8zMzk3OTAyNTYtYjM2NWU3NTUtOTFlMi00NGM0LWIzN2ItMTg2ZDgxNWNmMjFjLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA5MDElMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwOTAxVDE5MjU0MVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTMwODk4ODU5NGQwMDc0MmJiMTkwNzdjNzE1ZWU0N2UwODE5ZjI4NmM3ZGE4ZTBhNTBmYjUyMzJmNTY5YjQ5NDgmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.6jsK3p2uAig6CGSCTroW3uM9WActQjEN9sONDUR1T8I)
![image](https://private-user-images.githubusercontent.com/69323240/339790790-80320929-43eb-4a0d-887c-f6941bf348ba.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjUyMTkwNDEsIm5iZiI6MTcyNTIxODc0MSwicGF0aCI6Ii82OTMyMzI0MC8zMzk3OTA3OTAtODAzMjA5MjktNDNlYi00YTBkLTg4N2MtZjY5NDFiZjM0OGJhLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA5MDElMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwOTAxVDE5MjU0MVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTAxZTIzZjZiOGVhZWNiMjUzMDU2ZWU2MTRmMGU5NTJjNWJiM2MzNDQ3NGU3ZjJjYjY1ZmUyZGE0ODdlYjQ1ODImWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.cYFUC7VylhXoCQ0SLzo02ph0xyKDnDEkzQOeJOA_tFQ)