Hi! π Iβm excited to present my take-home project. π This project showcases my skills in front-end development by creating a beautiful and functional one-page design. Letβs dive in! πββοΈ
Objective: To create a single web page based on the provided design assets.
- Navbar: A sleek, sticky navigation bar. π§
- Contact Form: A stylish form in the center of the page, with a success message that appears after submission. π₯
- Footer: An elegant footer that wraps up the page nicely. π
- React: For building the user interface.
- Next.js: For server-side rendering and routing.
- Tailwind CSS: For a responsive and customizable design.
- Ant Design: For pre-designed components to speed up development.
Hereβs how you can run the project locally and see the magic happen! π©β¨
-
Clone the Repository:
git clone https://github.com/damiecode/Brinte.git
-
Navigate to the Project Directory:
cd brinte
-
Install Dependencies:
yarn install
-
Run the Development Server:
yarn dev
-
View the Project: Open your browser and go to
http://localhost:3000
to see the page in action! π
Iβve deployed this project on Vercel for easy viewing. Check it out live here:
- Design Precision: The implementation closely follows the provided design assets.
- Code Quality: Clean, organized, and maintainable code.
- Optimization: Performance and responsiveness are optimized for the best user experience.
- Additional Context: Iβve included some extra features and improvements, such as custom fonts and enhanced styling, to make the project stand out.
Thank you for taking the time to review my project! I enjoyed working on this and am excited about the opportunity to discuss it further. Feel free to reach out with any questions or feedback. π
Happy coding! π§βπ»π‘