This is a sample project that manage tasks. The project is built using Next.js with TypeScript, and styled using Bootstrap and SCSS.
- Next.js: Framework for server-rendered React applications.
- TypeScript: Type-safe JavaScript with static type definitions.
- Bootstrap: CSS framework for responsive design.
- SCSS: Syntactically awesome stylesheets.
- Zod: TypeScript-first schema declaration and validation.
- React Hook Form: Performant, flexible, and extensible forms with easy-to-use validation.
- Jest: Delightful JavaScript testing framework with a focus on simplicity.
-
First, clone the repository:
git clone https://github.com/viduraperera/task-managment-frontend.git
-
Navigate to the Folder
cd task-managment-frontend
-
Install the dependencies:
npm install
-
Start the development server:
npm run dev
The application will be available at http://localhost:3000.
-
Build the Docker image:
docker build -t task-managment-frontend . -
Run the Docker container:
docker run -p 3000:3000 task-managment-frontend
The application will be available at http://localhost:3000.
npm install: Installs the project dependencies.npm run dev: Starts the development server.npm run build: Builds the application for production.npm test: Runs the test suite.
This project is licensed under the MIT License.