Final Fantasy X Fan Page

Welcome to my Final Fantasy X fan page! I am the biggest FF Fan in the world, and I want to combine my love for it with my love for programing!

Tech Stack

The repository uses the following tech stack/libraries.

• Front-end
  • React - A JavaScript library for building user interfaces
  • Material UI - offers a comprehensive suite of UI tools to help you ship new features faster.
  • Next UI - offers a comprehensive suite of UI tools to help you ship new features faster.
• Back-end
  • Next.JS - provides hybrid static & server rendering, TypeScript support, smart bundling, route pre-fetching, and more.
    • Node.JS - Node.js is a JavaScript runtime built on Chrome's V8 JavaScript engine.
• Tooling
  • Prettier - An opinionated code formatter
  • EsLint - statically analyzes your code to quickly find problems
• Deployment & CI/CD
  • Github Actions - actions that run on PR requests (linting/build/test etc)
  • Vercel - website hosting

Getting Started

$npm install                    # installs dependencies
$npm run dev                    # Starts development server

After cloning the repository input:

npm install next react react-dom

Inside that directory, you can run several commands:

npm run dev Starts the development server.

npm run build Builds the app for production.

npm start Runs the built app in production mode.

We suggest that you begin by typing:

cd nextjs-blog npm run dev# Next.js

---

GitHub Workflow :

Make sure you have the latest code and are in main branch

git checkout main git pull

Create a branch for your task

git checkout -b branchName, where branchName is a unique branch name of your choosing

Make changes, then get ready to push them to GitHub

git add .

Give your commit a meaningful message

git commit -m “message about the code changes”

Push your code to GitHub

git push -u origin branchName

Go to GitHub and create a pull request

Name Zynkah as a reviewer Associate change with a github issue Address any pull request comments

Once you get an approval, the build passes with green check marks, and preview the app on vercel, merge the pull request into the main branch Close your github issue