Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/mubaraksulayman/fidia
The number one collection of creative works
https://github.com/mubaraksulayman/fidia
bootstrap-4 nuxt2 props resuable-component vue-bootstrap vuejs2
Last synced: about 2 months ago
JSON representation
The number one collection of creative works
- Host: GitHub
- URL: https://github.com/mubaraksulayman/fidia
- Owner: MubarakSULAYMAN
- Created: 2022-02-15T09:06:46.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2022-02-15T19:32:36.000Z (almost 3 years ago)
- Last Synced: 2024-11-10T00:38:10.357Z (about 2 months ago)
- Topics: bootstrap-4, nuxt2, props, resuable-component, vue-bootstrap, vuejs2
- Language: Vue
- Homepage: https://fidia-dashboard.netlify.app
- Size: 198 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Fidia
The number one collection of creative works :information_source:.
**`fidia`** is built with Nuxt 2, bootstrap-vue and lots love :heart: :sparkling_heart:, and deployed on netlify.
Because of our believe in being progressive, we believe ths is just a work in progress :construction:. But, feel free to explore :ringed_planet: **[Fidia](https://fidia-dashboard.netlify.app/)**, thank you friend.
Explore the docs »
View Demo
·
Report Bug
·
Request Feature
## Table of contents
- [Project Title](#fidia)
- [Table of contents](#table-of-contents)
- [Getting started](#getting-started)
- [Prerequisites](#prerequisites)
- [Project structure](#project-structure)
- [Fidia](#fidia)
- [Table of contents](#table-of-contents)
- [Project structure](#project-structure)
- [Getting Started](#getting-started)
- [Prerequisites](#prerequisites)
- [Project Setup](#project-setup)
- [Built with](#built-with)
- [Authors](#authors)
- [License](#license)
- [Contributing](#contributing)
- [Acknowledgments](#acknowledgments)
- [Built with](#built-with)
- [Authors](#authors)
- [License](#license)
- [Contributing](#contributing)
- [Acknowledgments](#acknowledgments)
[(Back to top)](#fidia)
## Project structure
The following is a description of the folders in this project, and how they are used. Our Application Stack is Bootstrap-vue (HTML5 with WAI-ARIA), CSS3 and VueJS (Javascript).
**Application Source** HTML, CSS & Javascript Files:
- **`assets`**: Application assets like font, images and styles
- **`data`**: Application data
- **`images`**: Application images
- **`styles`**: Application styles
- **`components`**: Application reusable components files
- **`layout`**: Application wrapper templates
- **`pages`**: Application pages
- **`index.vue`**: Application entry wrapper
- **`plugins`**: Application utility folder
- **`globalComponents`**: Application global reusuable components
- **`mixins`**: Application global reusuable functions
- **`main.js`**: Main vue application entry file
- **`store`**: Application state management folder (for vuex)
- **`modules`**: Application submodules for state management
**Development Content** - used to automate development & testing:
- **`.env`**: Application environment variables
- **`eslintrc.js`**: Eslint configuration for the app which includes _**airbnb**_ linting / style guide settings
- **`.gitignore`**: Application ignored files for commits
- **`package.json`**: Package file for Node that gets used during `yarn install`
- **`README.md`**: App information and guide
**Third Party Content** _( !.gitignored )_:
- **`node_modules`**: Third Party Libraries installed via `package.json` during `yarn install`
[(Back to top)](#fidia)
## Getting Started
## Prerequisites
The things you will need in order to use the app and how to install them
- Before you begin, ensure you have the latest node installed on your computer - [Node.js 14.16.1](https://nodejs.org/en/download/) was used for this
Check with:
```bash
# ensure Node.js is >= 14.16.1
vue --version
```
- Also ensure you have the latest vue cli installed - [Vue CLI 3.O](https://cli.vuejs.org/) was used for this
Check with:
```bash
# ensure Vue CLI is >= 3.0
vue --version
```
[(Back to top)](#fidia)
## Project Setup
```bash
# install dependencies
$ yarn install
# serve with hot reload at localhost:3000
$ yarn dev
# build for production and launch server
$ yarn build
$ yarn start
# generate static project
$ yarn generate
```
For detailed explanation on how things work, check out the [documentation](https://nuxtjs.org).
[(Back to top)](#fidia)
## Built with
- [Vue 2](https://vuejs.org/) - The progressive javasript framework used
- External libraries used in this project includes:
- [Bootstrap](https://getbootstrap.com/4.6) - The world's most popular front-end open source toolkit for designing and customizing responsive mobile-first sites.
- [Bootstrap Vue](https://bootstrap-vue.org/) - The tool to hemp optimize the use of Vue.js and bootstrap.
[(Back to top)](#fidia)
## Authors
- **Mubarak SULAYMAN** - [@mubaraksulayman](https://twitter.com/mubaraksulayman)
See also the list of [contributors](https://github.com/MubarakSULAYMAN/fidia/contributors) who participated in this project.
[(Back to top)](#fidia)
## License
This project is licensed under the [MIT License](https://choosealicense.com/licenses/mit/).
[(Back to top)](#fidia)
## Contributing
Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.
Please make sure to update tests as appropriate.
[(Back to top)](#fidia)
## Acknowledgments
- Inspiration was drawn from [Frontend Engineer (VueJS/Nuxt) - Fidia](https://getfidiahq.notion.site/Frontend-Engineer-VueJS-Nuxt-Fidia-1e99011546d2452aa03e51f1043f12e6) on github. Figma design on [Frontend Engineer Task - Fidia](https://www.figma.com/file/eXk5QkQgBo89Srz5Gp4NVN/Frontend-Engineer-Task?node-id=1%3A12183)
[(Back to top)](#fidia)