As a Full Stack Developer Intern, my task is to develop a web application using React and Vite, based on the design provided in the Figma UI/UX Design file. The project involves frontend development using React and styling with Tailwind CSS. Additionally, backend functionalities may be required depending on the project specifications.
-
Technology Stack: The project is built using Vite as the build tool and React for frontend development. Tailwind CSS is used for styling components.
-
Responsiveness and Clean Code: Ensuring the application is responsive across different devices and maintaining clean, well-structured code following best practices and coding standards.
-
Additional Features and Animations: Incorporating extra functionalities and animations can enhance the user experience and showcase additional skills.
-
Vite Development: Utilizing Vite for frontend development to take advantage of its fast build times and efficient development experience.
-
React Components: Building reusable and modular React components for the frontend UI.
-
Tailwind CSS for Styling: Leveraging Tailwind CSS for rapid and responsive styling of UI components.
-
Backend Integration (if required): Implementing backend functionalities using appropriate technologies based on project requirements.
-
Responsive Design: Ensuring the application is accessible and user-friendly on various devices and screen sizes.
-
Clean and Modular Code: Writing clean, modular code adhering to coding standards and maintaining code readability.
The design for the web application can be found in the Figma UI/UX Design file: Figma Design: Full Stack Developer Intern Assignment
- Clone the project repository to your local machine using the following command:
git clone https://github.com/PranshuBasak/frontend_internship_shubhamBhatt.git
- Navigate to the project directory:
cd frontend_site
- Install project dependencies using npm or yarn:
npm install
or
yarn install
- Start the development server:
npm run dev
or
yarn dev
- Access the application in your browser at http://localhost:5173.
The project utilizes the following dependencies:
- @headlessui/react: React components library for building accessible UI components.
- @heroicons/react: Icon components library for the user interface.
- @tailwindcss/forms: Tailwind CSS plugin for form elements styling.
- chart.js: Data visualization library for creating charts.
- react: JavaScript library for building user interfaces.
- react-chartjs-2: React wrapper for Chart.js for integrating charts in React applications.
- react-dom: React library for rendering components.
- react-icons: Library for including popular icons in React applications.
- Preview Link: Website Preview
- GitHub Repository: GitHub Repo
If you have any questions or need further clarification regarding the assignment requirements, please feel free to reach out. I'm excited about this opportunity and look forward to showcasing my skills through this project.
Thank you for considering my application.
Best regards, Pranshu Basak