droy
所属分类:开发工具
开发工具:JavaScript
文件大小:0KB
下载次数:0
上传日期:2021-01-06 02:45:56
上 传 者:
sh-1993
说明: 在线工具,允许您在没有编程知识的情况下构建自己的网站。,
(Online tool that allows you to build your own website without having programming knowledge.,)
文件列表:
.env.sample (15, 2020-06-09)
.eslintrc.js (370, 2020-06-09)
.eslintrc.json (452, 2020-06-09)
.firebaserc (84, 2020-06-09)
firebase.json (235, 2020-06-09)
package-lock.json (621504, 2020-06-09)
package.json (1665, 2020-06-09)
public/ (0, 2020-06-09)
public/favicon.ico (69689, 2020-06-09)
public/img/ (0, 2020-06-09)
public/img/about-home.png (1438405, 2020-06-09)
public/img/classic-home1.jpg (113007, 2020-06-09)
public/img/close-icon.png (54347, 2020-06-09)
public/img/closeBar-icon.png (27642, 2020-06-09)
public/img/color-icon.png (35836, 2020-06-09)
public/img/delete-icon.png (47207, 2020-06-09)
public/img/deleteBar-icon.png (33525, 2020-06-09)
public/img/deploy-icons.png (61060, 2020-06-09)
public/img/done.gif (1193681, 2020-06-09)
public/img/down-icon.png (22339, 2020-06-09)
public/img/droy-cover.png (833512, 2020-06-09)
public/img/edit-icon.png (36167, 2020-06-09)
public/img/edit-icons.png (59315, 2020-06-09)
public/img/empty-icon.png (66758, 2020-06-09)
public/img/google.png (2812, 2020-06-09)
public/img/link-icon.png (43408, 2020-06-09)
public/img/loading.gif (9559, 2020-06-09)
public/img/logo-green.png (28736, 2020-06-09)
public/img/logo-grey.png (28735, 2020-06-09)
public/img/logo-white.png (28709, 2020-06-09)
public/img/logout-icon.png (30573, 2020-06-09)
public/img/modern-home1.jpg (115737, 2020-06-09)
... ...
# DROY
## What is DROY?
Online tool that allows you to build your own website without having programming knowledge.
![Readme Cover](https://github.com/marcmnc7/droy/blob/master/public/img/cover1-readme.gif)
## User Stories
* The user can see who we are in the about page.
* The user can login or sign up with his credentials or Google.
* The user see a home page where can start a project or continue working on an existing project.
* The user can create a project and choose between two predefined themes.
* The user can delete a project.
* The user can reset his password.
* In the builder page, the user has three available modes: edit, preview and publish.
* The user can see a 404 and 5 ** controlled page.
![Login gif](https://github.com/marcmnc7/droy/blob/master/public/img/gif1-readme.gif)
- **Edit Mode**:
- The user can add a component to the user's web page, through a lateral menu that shows all the specific components available for this theme. To include a component, the user has to add it using the + button. The component is included in the last position.
- The user can change the position of a component using the up / down buttons or drag an drop.
- The user can edit the content of a component by double-clicking on the information to be updated.
- The user can remove a component.
- The user can save his project
![Edit gif](https://github.com/marcmnc7/droy/blob/master/public/img/gif2-readme.gif)
- **Preview Mode**:
- It's used so that the user can view his page without distractions.
- Hide the side menu so you can't add new components.
- Block all editing functionality of a component (delete, edit, change position).
- Links work according to the attributes that we've given them in edit mode.
![Publish gif](https://github.com/marcmnc7/droy/blob/master/public/img/gif3-readme.gif)
- **Publish webpage**:
- The user decides to publish their website and make it visible for everybody.
- We generate a first level url.
- The user can share the url to their contacts and even set their own domain
## Backlog
* The user can add a component to a specific position on their web page by drag and drop, and not by using the + button.
* The user can add more types of components such as counters, contact forms...
* User can edit more component attributes like text-color, hide / show, heading fixed...
* The user can edit their information (name, password)
* The user not only has two basic styles to choose when his create a new project.
* The tool creates responsive web pages.
## Project Routes
| Routes | Description |
| -- | -- |
| /about | Page where the user can know a little bit more about our project |
| /signup | Page where the user can signup |
| /login | Page where the user can login |
| / | Displays the main page where the user can start a project. |
| /builder/:id | It allows the user to build / edit / view / publish their website. |
## Demo
[A demo is worth a thousand words](https://github.com/marcmnc7/droy/blob/master/https://droy-prod.web.app/about)
## Contribute
Show your and support by giving a .
Any suggestions are welcome!
## Links
[Link to Trello](https://github.com/marcmnc7/droy/blob/master/https://trello.com/b/Krfo4Qp5/droy)
[Droy](https://github.com/marcmnc7/droy/blob/master/https://github.com/marcmnc7/droy)
[Droy-API](https://github.com/marcmnc7/droy/blob/master/https://github.com/marcmnc7/droy-api)
[Droy-Deploy](https://github.com/marcmnc7/droy/blob/master/https://github.com/marcmnc7/droy-deploy)
[Slides](https://github.com/marcmnc7/droy/blob/master/https://docs.google.com/presentation/d/1uFGmgLAgxeSe85KBZDAyAb9DgJ9LqC1k4Wlm6_MQMug/edit#slide=id.p)
近期下载者:
相关文件:
收藏者: