Skip to content

Kiwasthal/spitogatos-assignment

BranchesTags

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

40 Commits
dist
dist
 
 
src
src
 
 
.gitignore
.gitignore
 
 
README.MD
README.MD
 
 
index.html
index.html
 
 
package-lock.json
package-lock.json
 
 
package.json
package.json
 
 
vite.config.js
vite.config.js
 
 

Repository files navigation

Spitogatos Assignment

Deployed version Link here!

Tools Used

  • Vite
  • React
  • SASS
  • Formik & YUP
  • Framer Motion
  • Font Awsome
Run Locally
git clone [email protected]:Kiwasthal/spitogatos-assignment.git
npm install
npm run dev

Notes

Extras

Enable Slider auto timer by uncommenting the useEffect snippet src/components/Hero.jsx Enable FormSubmit modal by uncommenting < SubmitMsg /> at src/components/Contact.jsx

Information:

  • Hero is set to max view-height in desktop versions and rescales properly on smaller screens
  • Larger screen breakpoint is set at 1075px
  • XL & 2XL breakpoints are used to of the main section and the contact section
  • By default 2xl screen should be matching to the desktop version blueprint provided
  • Percentiles were calculated at various points along the app to grow-shrink items to fit design, the formula used was simply taking the pixel width of the item , divising it by the max width (by default 1920px) and multyplying by 100.
  • Some simple animations were added for better transition between hover and focus states
    •

    About

    Spitogatos-Assignment

    Resources

    Readme
    Activity

    Stars

    1 star

    Watchers

    1 watching

    Forks

    0 forks
    Report repository

    Releases

    No releases published

    Packages

    No packages published

    Languages