Welcome to the Lol Fans web application repository! This is where you'll be able to view, search and filter all the data regarding the top players and teams in the competitive scene of League of Legends. 🎮
You can access our demo here and start enjoying it right now! 😎
Browse through a huge database of LoL players and teams. 👥 Search 🔍 and filter functionalities to easily locate specific information. Up-to-date news 📰 and videos 📹 about the competitive scene. And much more to come! 💪
Here are some of the main technologies used for developing this project:
- TypeScript 🦕: A statically-typed superset of JavaScript that helps catch errors and improve code quality. https://github.com/microsoft/TypeScript
- Next.js 🔺: A React framework that provides server-side rendering, file-based routing, and other helpful features for building web applications. https://github.com/vercel/next.js/
- Tailwind CSS 🎨: A utility-first CSS framework that makes it easy to style components using pre-defined classes. https://github.com/tailwindlabs/tailwindcss
- Emotion 💅: A library for writing CSS styles in JavaScript, providing many benefits like scoped styles, theming, and more. https://github.com/emotion-js/emotion
- Jotai 🪄: A state management library for React that uses atoms and selectors to manage application state in a more predictable and flexible way. https://github.com/pmndrs/jotai
- Prisma 💎: An ORM (Object-Relational Mapping) tool for Node.js that simplifies database management and makes it easy to perform CRUD operations. https://github.com/prisma/prisma
- React Testing Library 🧪: A library for testing React components that focuses on making tests more user-focused and avoiding implementation details. https://github.com/testing-library/react-testing-library
To run this project locally, follow these steps:
- Clone this repository: git clone https://github.com/luisabellan/lolfans.git. 📥
Note: Make sure you have pnpm installed globally on your system before running the below commands
- Install pnpm:
npm install -g pnpm
Installation commands:
- Dependencies using pnpm:
pnpm install
- Run the database:
pnpm run seed
- Run the server:
pnpm run start
- Start the development server:
pnpm run dev
We appreciate any feedback or suggestions you may have regarding this project. Feel free to submit an issue on this GitHub repository or contact us directly at luis.abellan.dev@gmail.com. 📧
Luis Abellan - Initial work - luisabellan 😎 License 📜 This project is licensed under the Copyright © 2023.
Hat tip to anyone whose code was used Inspiration ✨ etc 🤗
Why do programmers prefer to call problems "opportunities"?
Because it sounds much better to say "I'm seizing a learning opportunity" than to say "this unsolvable problem in my code is driving me crazy".