Sakepedia Nuxt
日本酒オープンデータSakepediaのNuxt版
Overview:
Sakepedia is a platform for creating open data on Japanese sake. It has been developed using several key technologies, including Nuxt.js, Axios/Express, MongoDB/Mongoose, Bootstrap-Vue (and partially Semantic UI), and GitHub OAuth App. The development process involves protecting the master branch of Sakepedia and conducting development on the develop branch. Pull requests should be made towards the develop branch. The platform requires the installation of specific versions of Node, Yarn, MongoDB, and pm2 (for the server). Additionally, for Apple Silicon Mac users, specific steps need to be taken to use node-sass v4.14.1. Lastly, a GitHub OAuth App needs to be created for local development purposes, with specific homepage URL and authorization callback URL settings.
Features:
- Nuxt.js for frontend development
- Axios/Express for handling server-side requests
- MongoDB/Mongoose for database management
- Bootstrap-Vue (partially Semantic UI) for responsive and user-friendly designs
- GitHub OAuth App for authentication and authorization
Summary:
Sakepedia is a platform developed using Nuxt.js, Axios/Express, MongoDB/Mongoose, Bootstrap-Vue, and GitHub OAuth App. It serves as a platform to create open data on Japanese sake. The development process involves protecting the master branch and conducting development on the develop branch. The installation process requires specific versions of Node, Yarn, MongoDB, and pm2. Apple Silicon Mac users need to follow additional steps to use node-sass. Lastly, a GitHub OAuth App needs to be created with specific settings for local development.
- Express
Express.js is a simple Node.js framework for single, multi-page, and hybrid web applications.
- Nuxt
nuxt.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.
- Vue
Vue.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.
- Bootstrap
Bootstrap is the most popular CSS Framework for developing responsive and mobile-first websites.
- SCSS
SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.
- Eslint
ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.
- Webpack
Webpack is a popular open-source module bundler for JavaScript applications that bundles and optimizes the code and its dependencies for production-ready deployment. It can also be used to transform other types of assets such as CSS, images, and fonts.