/Brinte

A design test

Primary LanguageTypeScript

πŸš€ My Front-End Engineer Takehome Project

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! πŸŠβ€β™‚οΈ

🎯 Project Overview

Objective: To create a single web page based on the provided design assets.

πŸ“‹ Features Implemented

  • 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. πŸ“

πŸ› οΈ Technologies Used

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

πŸš€ Getting Started

Here’s how you can run the project locally and see the magic happen! 🎩✨

  1. Clone the Repository:

    git clone https://github.com/damiecode/Brinte.git
  2. Navigate to the Project Directory:

    cd brinte
  3. Install Dependencies:

    yarn install
  4. Run the Development Server:

    yarn dev
  5. View the Project: Open your browser and go to http://localhost:3000 to see the page in action! 🌐

🌟 Deployment

I’ve deployed this project on Vercel for easy viewing. Check it out live here:

View Live Project

πŸ“ What to Look For

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

πŸ’¬ Bonus Points

  • Additional Context: I’ve included some extra features and improvements, such as custom fonts and enhanced styling, to make the project stand out.

πŸŽ‰ Final Thoughts

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! πŸ§‘β€πŸ’»πŸ’‘