Skip to content

Commit

Permalink
tester
Browse files Browse the repository at this point in the history
  • Loading branch information
aprilsandersdev committed Nov 30, 2023
1 parent c0da8c7 commit c72a6df
Showing 1 changed file with 24 additions and 28 deletions.
52 changes: 24 additions & 28 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,6 @@
<h1 align="center">PreVue </h1>
</p>


<h3 align="center">
All-in-One Prototyping Tool
For Vue Developers
Expand All @@ -23,16 +22,14 @@ From Component Architecture to Code Exporting
https://www.prevue.live
</h4> -->



PreVue allows users to conceptualize and visualize component architecture by making it possible to :

* Build components, visualize UI and preview the associated code
* Set up different routes and views for each project
* Establish parent-child component relationships
* View application hierarchy in tree format
* Save and open projects that are currently in progress, ensuring that completed work is not lost and can be revisited at any time
* Export component architecture as a Vue application created with default Vite settings
- Build components, visualize UI and preview the associated code
- Set up different routes and views for each project
- Establish parent-child component relationships
- View application hierarchy in tree format
- Save and open projects that are currently in progress, ensuring that completed work is not lost and can be revisited at any time
- Export component architecture as a Vue application created with default Vite settings

Use PreVue to create projects in single sessions or sign in with GitHub to save projects and update them at your convenience!

Expand All @@ -41,13 +38,15 @@ Use PreVue to create projects in single sessions or sign in with GitHub to save
</p> -->

## Getting Started

---

### Adding Views

- Select an existing view from the View Creator dropdown, or enter a new view name, then select your custom view from the View Creator dropdown
- Any components created on a given view will be automatically saved to that specific view
- See your application’s hierarchy by clicking the ‘Tree’ icon in the navigation bar


<p align="center">
<img width ="300" src="src/assets/viewcreator.png?raw=true">
</p>
Expand All @@ -58,8 +57,8 @@ Use PreVue to create projects in single sessions or sign in with GitHub to save
<img width="300" src="src/assets/treeview.png?raw=true">
</p>


### Adding Components

- Enter a component name in the Component Creator field and select HTML elements
- Clicked elements will be shown in the right sidebar -- drag elements to change their order
- Once you're satisfied, click ‘add component’ button and it will show up in the working area -- resize and move components to fit the design you have in mind
Expand All @@ -75,7 +74,6 @@ Use PreVue to create projects in single sessions or sign in with GitHub to save

<img width="1000" src="src/assets/modal-image.png?raw=true">


### Saving / Opening / Exporting Projects

- If you're signed in with GitHub, click the ‘Save Project’ icon to save it to PreVue’s database
Expand Down Expand Up @@ -115,19 +113,18 @@ Coming soon! -->

---

* [Express](https://expressjs.com/)
* [Jest](https://jestjs.io/)
* [MongoDB](https://www.mongodb.com/)
* [Mongoose](https://mongoosejs.com/)
* [Node.js](https://nodejs.org/en)
* [SuperTest](https://www.npmjs.com/package/supertest)
* [Vite](https://vitejs.dev/)
* [Vue Router](https://router.vuejs.org/guide/#html)
* [Vue Test Utils](https://test-utils.vuejs.org/)
* [Vue.js](https://vuejs.org/)
* [Vuex](https://vuex.vuejs.org/)
* [Vuetify](https://vuetifyjs.com/)

- [Express](https://expressjs.com/)
- [Jest](https://jestjs.io/)
- [MongoDB](https://www.mongodb.com/)
- [Mongoose](https://mongoosejs.com/)
- [Node.js](https://nodejs.org/en)
- [SuperTest](https://www.npmjs.com/package/supertest)
- [Vite](https://vitejs.dev/)
- [Vue Router](https://router.vuejs.org/guide/#html)
- [Vue Test Utils](https://test-utils.vuejs.org/)
- [Vue.js](https://vuejs.org/)
- [Vuex](https://vuex.vuejs.org/)
- [Vuetify](https://vuetifyjs.com/)

## Changelog

Expand Down Expand Up @@ -193,8 +190,7 @@ PreVue 1.0

---

This project is licensed under the MIT License - see the [LICENSE.md](LICENSE.md) file for details
<div>
<p>This project is licensed under the MIT License - see the [LICENSE.md](LICENSE.md) file for details</p>

[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](https://github.com/teamprevue/PreVue/pulls)
![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)
</div>

0 comments on commit c72a6df

Please sign in to comment.