Building projects the make a difference from the UI to the pixel-perfect code
For some time, I was looking for a project in which I could show my potential as a design engineer, working from research, creating the interface as a designer to deployment as a software engineer, however, I also didn't want to create something full of effects or features, I wanted something that was simple, functional, organized and useful.
- 📝 Fast loading
- 📝 Partial loading
- 📝 Integration with CMS
- 📝 Responsivity
- 📝 Accessibility (a11y)
- 📝 Automated tests
- 📝 Error monitoring
- 📝 Search engine optimization (SEO)
- 📝 Image BlurHash
- 🔥 NextJS - Framework
- 🔥 TailwindCSS - style
- 🔥 Prismic - Content Manager
- 🔥 Vitest - Software Quality
- 🔥 Cypress - Software Quality
- 🔥 Sentry - Error monitoring
- 🔥 Typescript - Typing
- 🔥 Tooling - Eslint, Prettier, Husky
- ⚙️ All featured projects was statically generated to improve detail page
- ⚙️ Projects that are not featured are dynamically generated because they do not have much access as those that are featured
- ⚙️ When you are waiting for a dinamically page, a skeleton is displayed to improve the user experience
- ⚙️ All component that use client resources have been componentized to optimize the usage of server components
// First you have to clone the projecto into your wokspace
git clone https://github.com/avilyre/avilysilva // Install all dependencies with pnpm or your favorite package manager
pnpm install // That is it, run the project
pnpm run devYou can view the project at the address displayed in the terminal
Cypress was used for testing and it's simple to run it
// Running application's tests
pnpm run cypress:test
// or
// Running cypress's ui testing
pnpm run cypress:open
Developed with 💙 by [email protected]