Skip to content

Latest commit

 

History

History
78 lines (66 loc) · 2.62 KB

README.md

File metadata and controls

78 lines (66 loc) · 2.62 KB
Raw

MyFuse UI/UX Design Documentation

Hey there! We're Mohamed Shaik Mahsook and Ramya, and we're excited to share our MyFuse UI/UX design with you.

Design Overview

We used Figma to create our design, which you can check out here.

  • Primary Color: #6c63ff
  • Secondary Color: #3f3d56
  • Accent Color: #2f2e41, #fffffd
  • Typography: We utilized the Poppins font family for a modern and clean look.

Development Overview

We implemented our design using React JS and Tailwind CSS. Here's a glimpse of the project structure:

.
├── assets
│   ├── svg
│   │   ├── Apply.svg
│   │   ├── blog.svg
│   │   ├── explore.svg
│   │   ├── find.svg
│   │   ├── get.svg
│   │   ├── Search.svg
│   │   ├── stats.svg
│   │   └── COMPANYSPOTLIGHT.svg
│   ├── OrganizeResume.svg
│   └── Resume.svg
├── public
│   └── index.html
├── src
│   ├── App.css
│   ├── App.js
│   ├── App.test.js
│   ├── components
│   │   ├── About.js
│   │   ├── Assessments.js
│   │   ├── Banner.js
│   │   ├── Blog.js
│   │   ├── CompanySpotlight.js
│   │   ├── Competitions.js
│   │   ├── Contact.js
│   │   ├── Emphasize.js
│   │   ├── Features.js
│   │   ├── Footer.js
│   │   ├── Goals.js
│   │   ├── Hero.js
│   │   ├── Home.js
│   │   ├── HowWorks.js
│   │   ├── JobFuse.js
│   │   ├── NavBar.js
│   │   ├── NewsLetters.js
│   │   ├── Partners.js
│   │   ├── RecentJob.js
│   │   ├── ResumeCheck.js
│   │   ├── ResumeCreate.js
│   │   ├── Stats.js
│   │   ├── Team.js
│   │   ├── TestimonialSlider.js
│   │   └── TopCat.js
├── package.json
├── package-lock.json
└── tailwind.config.js

Our components are organized based on different sections of the website for easy maintenance and scalability.

Conclusion

Our redesign focuses on enhancing user experience and engagement while aligning with MyFuse's vision. You can explore the live website here.

Thank you for considering our design for the MyFuse competition. We're eagerly looking forward to the results!

If you have any questions or feedback, feel free to reach out. We're here to help!

This documentation was prepared by Mohamed Shaik Mahsook and Ramya.