Page MenuHomeDevCentral

Set up the Vue.js app
Open, HighPublic

Event Timeline

inidal triaged this task as High priority.May 2 2023, 08:59

CSS

Most Nasqueron projects use Foundation as CSS framework, and that's convenient to get for example our standard footer.

How to integrate Vue and Foundation?

I've noticed there is a project to ease development of components, vue-foundation, it offers Vue components for most used Foundation widgets, see https://vue-foundation.github.io/vue-foundation/ for a demo.

Those components are available at https://github.com/vue-foundation/vue-foundation/tree/master/src/components but there are 6 years old, so double check it against Vue syntax and against current Foundation framework syntax.

I generally start from this template to build static sites, what is great with this approach is you can easily customize the SCSS code to build your CSS + it automates tasks like webpack / minimizing / adding -moz -webkit and other prefix for custom features.

Components

Modern front-end development is component-driven. A good introduction is https://www.componentdriven.org/

Vue allows to use this component-driven model with Storybook (T1490), https://storybook.js.org/docs/vue/get-started/install

It could be valuable if we use this component-approach to build the front-end.

CSS

Most Nasqueron projects use Foundation as CSS framework, and that's convenient to get for example our standard footer.

How to integrate Vue and Foundation?

I've noticed there is a project to ease development of components, vue-foundation, it offers Vue components for most used Foundation widgets, see https://vue-foundation.github.io/vue-foundation/ for a demo.

Those components are available at https://github.com/vue-foundation/vue-foundation/tree/master/src/components but there are 6 years old, so double check it against Vue syntax and against current Foundation framework syntax.

I generally start from this template to build static sites, what is great with this approach is you can easily customize the SCSS code to build your CSS + it automates tasks like webpack / minimizing / adding -moz -webkit and other prefix for custom features.

If most projects use Foundation as CSS, then it's definitely a good idea to integrate Vue and Foundation.

I'll add that to the tasks. 👍🏻

Hey I am new here. Is this project still in progress?

Hey I am new here. Is this project still in progress?

Hey @lonewolf9277!

Welcome to Nasqueron! I'm glad to see you're interested in our ongoing project. We're currently in the process of working on it, and we'd love for you to join us.

If you're interested in contributing, either @dereckson or I would be more than happy to guide you through the project and help you choose an area where you'd like to contribute the most. We have three main areas where we need assistance: backend development, frontend development, and database management.

Please feel free to reach out to me or @dereckson if you have any questions or need further clarification about the project. We're excited to have you on board and look forward to working together on this project.

You can in the meantime have a look at the following links: