SkillAgentSearch skills...

Nogilib

A web app for showing Nogizaka46 information. 乃木坂46情報を表示する web アプリ。

Install / Use

/learn @ushoka/Nogilib
About this skill

Quality Score

0/100

Supported Platforms

Universal

README

<p align="center"> <a href="https://nogilib.vercel.app"> <img alt="NOGILIB" src="https://raw.githubusercontent.com/shawnrivers/nogilib/main/public/images/design/preview.jpg" width="800" style="border-radius: 8px" /> </a> </p> <h1 align="center"> NOGILIB </h1>

App link

NOGILIB is a web application for showing the information about Nogizaka46 in a user-friendly way.

Multi-language Support

Technology Stack

  • Framework: Next.js
  • JavaScript flavor: TypeScript
  • Styling: Emotion
  • Animation: Framer Motion
  • Linter: ESLint
  • Testing: Jest, Storybook
  • Search: FlexSearch.js

Set Up Dev Environment

Development process

  1. Install necessary packages.

    npm install
    
  2. Start the dev server.

    npm run dev
    

    Your site is now running at http://localhost:9000.

Other commands

  • (Optional) Generate the latest data.

    npm run generate-data
    

    Data will be generated in src/data.

  • (Optional) Generate responsive images.

    npm run generate-responsive-images
    

    This command will generate @1x, @2x and @3x images for member and artwork images.

Directories

.
├── src
├──── db
├──── client
├──── pages
├──── utils
├── public
  • public
    • Public assets in the app (e.g., images)
  • src/db
    • Data generation
  • src/client
    • Client side codes
  • src/pages
    • Page components
  • src/utils
    • Utility methods used across the whole app

Data Source

Copyrights

This project is only made as a hobby and is NOT authorized by 乃木坂46LLC, SME or any other former member's management companies. We do not own any copyright of member and artwork images used in this project.

Please DO NOT use this project for any commercial use.

Contact

If you have any question or request of this project, please fire an issue or contact me on Twitter.

Related Skills

View on GitHub
GitHub Stars21
CategoryDevelopment
Updated1y ago
Forks2

Languages

TypeScript

Security Score

65/100

Audited on Jan 24, 2025

No findings