Arch Studio is a website developed for a ficticious architecture agency. The concept and design are from Frontend Mentor, but all the development was planned and done by myself.
The purpose of the project was not only to train skills and the use of the used stack, but to define a blueprint for future projects, because of this, it carries a lot of concepts, technologies and a complete Wiki with instructions and overviews.
For more, check the available Wiki of the project (available in brazilian portuguese and english).
A live version is available here, thanks to Vercel.
The requirements to run this applications locally are:
- Node.js and npm (Node's v14 LTS is recommended)
- Recent version of Chrome, Firefox or a Chromium-based browser (as this application was not intended to work in most browsers)
- Yarn is recommended
Once the repository was downloaded or cloned, you need to install dependencies:
npm install
# or
yarnnpm run dev
# or
yarn devThis project was made with:
- React.js
- Next.js
- TypeScript
- Styled Components
- Framer Motion
- GraphQL
- DatoCMS
- ESLint
- Husky
- Vercel
- Lottie
- Commitlint
- ☕ + 🎧
A special thanks to Frontend Mentor, for providing the design and assets 🙏.