https://github.com/minikas/funtom
A clone of the Phantom website built for educational purposes, recreating its sleek interface and animations using modern web technologies.
https://github.com/minikas/funtom
clone-website framer-motion nextjs phantom react shadcn-ui tailwindcss typescript
Last synced: 2 months ago
JSON representation
A clone of the Phantom website built for educational purposes, recreating its sleek interface and animations using modern web technologies.
- Host: GitHub
- URL: https://github.com/minikas/funtom
- Owner: minikas
- Created: 2025-01-03T11:34:20.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-01-06T14:58:24.000Z (over 1 year ago)
- Last Synced: 2025-01-06T15:20:00.949Z (over 1 year ago)
- Topics: clone-website, framer-motion, nextjs, phantom, react, shadcn-ui, tailwindcss, typescript
- Language: TypeScript
- Homepage: https://minikas.github.io/funtom/
- Size: 288 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Funtom
A clone of the Phantom website built for educational purposes. This project recreates Phantom's sleek interface and animations using modern web technologies to demonstrate and practice frontend development techniques.
## Technologies Used
- [Next.js](https://nextjs.org/) - React framework for building web applications
- [Tailwind CSS](https://tailwindcss.com/) - Utility-first CSS framework
- [ESLint](https://eslint.org/) - Linting utility for JavaScript and TypeScript
- [Prettier](https://prettier.io/) - Code formatter
- [TypeScript](https://www.typescriptlang.org/) - Typed superset of JavaScript
- [Framer Motion](https://www.framer.com/motion/) - Animation library for React
## Getting Started
First, run the development server:
```bash
npm run dev
# or
yarn dev
```
Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
## Learn More
To learn more about the technologies used in this project, check out the following resources:
- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
- [Tailwind CSS Documentation](https://tailwindcss.com/docs) - explore Tailwind CSS utilities.
- [shadcn/ui Documentation](https://ui.shadcn.com/) - learn about the re-usable components.
- [Framer Motion Documentation](https://www.framer.com/motion/) - discover animation possibilities.
## Contributing
Contributions are welcome! Please feel free to submit a Pull Request.
## License
This project is open source and available under the [MIT License](LICENSE).