ManishBisht777 / level

A Simple Netxjs13 app for searching and exploring countries information

Country explorer - Nextjs13 Project

A Simple NextJs project to implement search and list functionality using a public API REST Countries.

Screen overview

• Listing and search page

• Country details page

  

Demo

Key Points

• Next.js -13 Project with app router
• Styled using Tailwind CSS
• Components built on top of shadcn/ui
• UI inspired by vercel and dribble
• Server-side rendering and caching
• Custom loading states
• Search Optimised with debouncing
• Custom hooks for filtering and fetching data

Getting Started

• Simply run these commands

# Clone the repository
git clone https://github.com/ManishBisht777/level.git

# Navigate to the project directory
cd level

# Install dependencies
npm install

# run developent server
npm run dev

• Open http://localhost:3000

Useful Commands

# to run development server
npm run dev

# to create build
npm run build

# to start using the build
npm start

# to lint manually
npm run lint

# to run prettier manually
npm run format

Contributing

1. Fork the repository to your GitHub account.
2. Clone your forked repository to your local machine.

git clone https://github.com/yourusername/level.git

3. Create a new branch for your feature or bug fix.

git checkout -b feature-or-bug-fix

4. Make your changes and commit them.

git commit -m "Add feature/fix bug"

5. Push your changes to your fork.

git push origin feature-or-bug-fix

6. Open a pull request. Wait for maintainers to review your Pull Request and address any feedback.

Please ensure that your code follows our coding standards and conventions. We appreciate your contributions!

If you find any issues or want to suggest improvements, please open an issue.

Potential Enhancements

• Pagination for listing data in parts
• More filters
• Design Improvements