Corelab - Frontend

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.

Repositories

Technologies

  • 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.

Installation

To get started with the frontend, follow these steps:

  1. Clone the repository:

    git clone https://github.com/kefflen/corelab-web-challenge.git
    cd corelab-web-challenge
    
  2. Install dependencies:

    npm install
    

Usage

To run the frontend application in development mode:

npm run dev

This will start the application on http://localhost:3000.

Features

  • 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.