This is a solution to the myteam website challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.
Users should be able to:
- View the optimal layout for each page depending on their device's screen size
- See hover states for all interactive elements throughout the site
- See the correct content for each team member on the About page when the
+
icon is clicked - Receive an error message when the contact form is submitted if:
- The
Name
,Email Address
orMessage
fields are empty should show "This field is required" - The
Email Address
is not formatted correctly should show "Please use a valid email address"
- The
- Solution URL: [https://github.com/mrvicthor/myteam-multiweb]
- Live Site URL: [https://myteam-multiweb.vercel.app/]
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- CSS Grid
- Mobile-first workflow
- React - JS library
- Next.js - React framework
- TailwindCss - For styling
I experimented with the new app directory in NextJs 13. Additionally, i continued to improve my understanding of typescript.
I intend to undertake a course on backend development to help improve my understanding of backend development.
- Nextjs - This helped me understand some of the features of nextjs and their new updates.
- React Docs - This is an amazing article which helped me finally understand the basic concepts of react. I'd recommend it to anyone still learning this concept.
- Website - Victor Eleanya
- Frontend Mentor - @mrvicthor
- Twitter - @eva_skillz