WhatBytes_FrontEnd Tailwind Templates

Whatbytes_frontend

Next Js , TypeScript , Tailwind CSS , Chart Js

Frontend Developer Internship Assignment

Welcome to the frontend assessment project. This project is built using Next.js, TypeScript, Tailwind CSS, and Chart.js to create a responsive and dynamic user interface.

Project Overview

This project serves as a frontend assessment and demonstrates the following key functionalities:

  • Next.js Framework: Bootstrapped with create-next-app to leverage the powerful features of Next.js.
  • Development Server: Easily run the development server using npm, yarn, pnpm, or bun.
  • Optimized Fonts: Utilizes next/font to automatically optimize and load the Inter font, a custom Google Font, enhancing the visual appeal and performance.

Technology Stack

The project is built with the following technologies:

  • Next.js: A React framework for building server-side rendered and statically generated web applications.
  • TypeScript: A statically typed superset of JavaScript that enhances code quality and maintainability.
  • Tailwind CSS: A utility-first CSS framework for rapid UI development with a focus on responsiveness.
  • Chart.js: A flexible and simple JavaScript charting library for creating responsive and interactive charts.

Getting Started

To get started with the project, clone the repository and install the dependencies using your preferred package manager. Then, run the development server to see the project in action.

# Clone the repository
git clone https://github.com/your-username/repo-name.git

# Navigate to the project directory
cd repo-name

# Install dependencies
npm install
# or
yarn install
# or
pnpm install
# or
bun install

# Run the development server
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Top categories

Loading Svelte Themes