Welcome to Habanero, my solution for the Cayena frontend Challenge. Habanero is not just a website; it's a flavorful journey into elevating user experiences and defining excellence through web development. This project is not just about coding; it's about the secret ingredient to success - a perfect blend of creativity, passion, and cutting-edge technologies.
Habanero is more than a portfolio, it's a commitment to excellence. By infusing irresistible prices with innovative solutions, I've crafted this platform to showcase my skills, creativity, and dedication to delivering exceptional frontend experiences.
Here you can access the Habanero Challenge
These are main used technologies
- React 18: The library for web and native user interfaces.
- TypeScript: Bringing typing to the frontend to enhance code quality and maintainability.
- React Router v6: Navigating through the application seamlessly with the latest version of React Router.
- Redux Toolkit: Managing state effortlessly for a more predictable application.
- Vite: Speeding up development with a fast, modern build tool.
- Rusky: Ensuring a smooth and consistent development environment.
For lint and code formatter
- Eslint: Ensuring code quality and adherence to best practices.
- Prettier: Keeping the codebase consistent and visually appealing.
Application Setup Guide Getting started with Habanero is blazingly fast! Follow these simple steps:
- Clone the Repository:
git clone [repository-url]- Install Dependencies:
npm install- Run the Development Server:
npm run dev- Setup .env
Before running the project you need to create a .env file in the root of the
repository. You can copy the file .env.sample and rename it to
.env.
In the development of the Habanero project the supplier details page's update feature faced a hurdle due to backend restrictions disallowing PUT methods.