This is the frontend part of the Project, built using Next.js and styled with Tailwind CSS. The application allows users to add notes, write on them, and attach a file. It also supports custom colors for the notes, mimicking a post-it note experience.
- Backend: https://github.com/kefflen/corelab-api-challenge
- Frontend: https://github.com/kefflen/corelab-web-challenge
- Next.js: A React framework for server-side rendering and generating static websites.
- Tailwind CSS: A utility-first CSS framework for rapidly building custom user interfaces.
- React: A JavaScript library for building user interfaces.
To get started with the frontend, follow these steps:
-
Clone the repository:
git clone https://github.com/kefflen/corelab-web-challenge.git cd corelab-web-challenge
-
Install dependencies:
npm install
To run the frontend application in development mode:
npm run dev
This will start the application on http://localhost:3000
.
- Add Notes: Users can add notes.
- Write on Notes: Users can write text on the notes.
- Put custom colors: User can change the colors of the notes.
- Attach File: Users can attach file to notes.
- Responsive Design: The application is responsive, thanks to Tailwind CSS.