A small, playful web app built to celebrate Dinosaur Day (June 1). It was inspired by an Instagram post from @cranbookscience and created for the kids I work with — a light-hearted demo of Next.js (App Router) deployed on AWS Amplify.
This is a small Next.js app using the App Router that focuses on simple, kid-friendly visuals and interactions. It was built as an exercise in deploying Next.js (App Router) apps to AWS Amplify and to provide an entertaining little experience for children.
- Fun, dinosaur-themed UI
- Responsive layout for desktop and mobile
- Built with Next.js App Router
- Deployed to AWS Amplify for easy hosting
- Next.js (App Router)
- HTML & CSS
- JavaScript & TypeScript
- AWS Amplify (hosting)
- Node.js (>= 16 recommended)
- npm or yarn
- Git
- Clone the repo
git clone https://github.com/tramanhvong/dinosaur_amplify.git cd dinosaur_amplify - Install dependencies
npm install # or yarn install - Run the development server
npm run dev # or yarn dev - Open http://localhost:3000 in your browser.
npm run build
npm start
# or with yarn
yarn build
yarn startThis project is deployed using AWS Amplify. If you want to deploy your own copy:
- Connect your GitHub repository to an Amplify app
- Ensure the build settings support Next.js App Router (Amplify provides presets)
- Deploy and visit the Amplify-generated domain
Live deployment: https://main.d2uqitvsgbbhaz.amplifyapp.com/
Contributions are welcome — open an issue or submit a pull request. Keep changes focused and add notes in the PR about what you changed and why.
This project is licensed under the MIT-0 License. See the LICENSE file for details.
- Inspired by an Instagram post from @cranbookscience
- Built for Dinosaur Day (June 1) — a small project made for kids and curiosity