jesster2k10 / color-elephant-demo

Color Elephant Demo Project

Visit here to see the live site

View specification here

⚛️ Technology

• Built with Next.js, React and Typescript
• UI built with Chakra UI
• Testing with Jest & React Testing Library
• Based on https://github.com/jpedroschmitz/typescript-nextjs-starter

💼 Dependencies

• lazysizes Lazy image loading
• react-intersection-observer For infinite scroll using IntesectionObserver (and testing)
• react-query Data fetching and caching
• @chakra-ui/* Chakra UI
  • framer-motion Chakra UI dependency
  • @emotion/* Chakra UI dependency
• @meronex/icons Custom SVG Icons

🚀 Getting started

1. npm install or yarn;
2. yarn dev;

To view the project open http://localhost:3000.

Testing

yarn test

Coverage

---

Made with ♥ by Jesse Onolememen