App1 Jsm Tailwind
A fully responsive, Modern UI/UX website using React.js, styled with TailwindCSS and VanillaCSS (for styling not currently supported by tailwind). BEM methodology is applied throughout this project. Figma design and assets provided by Javascript Mastery on Youtube.
GPT-3 Practice React App
This is a fully responsive, modern UI website application that is based on one of the challenge projects from JavaScript Mastery on Youtube. Built with React.js and styled with TailwindCSS.
A figma design was provided along with the assets and colour scheme.
Table of Contents
Overview
Screenshots
Links
- Project Code: found on GitHub
- Live Site: hosted on Vercel
- Figma Design can be found here
My Process
Built With
- React
- TailwindCSS
- AOS Library
- Flexbox & CSS Grid
- Mobile-first workflow
- BEM Methodology
What I Learned
The new skills I learned in this project was the implementation of the AOS JS library. While the original figma design did not specify transitions/animations, I wanted to add a little extra to the project and research on javascript animation methods.
Working with React and TailwindCSS was not new to me however this was great practice for putting Figma designs into code.
Author
Github @ExiturnM
LinkedIn Bryan Magistrado
