Skip to content

Commit db392a7

Browse files
AnthonytorreroAnthonytorrero
authored andcommitted
updated README and changed like feature back to the way it was
1 parent 251938c commit db392a7

File tree

2 files changed

+54
-23
lines changed

2 files changed

+54
-23
lines changed

README.md

Lines changed: 49 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -5,21 +5,13 @@
55

66
[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](https://github.com/team-reactype/ReacType/pulls)
77
![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)
8-
![Version 5.0](https://img.shields.io/badge/Release-5.0-lightgrey.svg)
8+
![Version 6.0](https://img.shields.io/badge/Release-6.0-lightgrey.svg)
99

1010
**ReacType** is a visual prototyping tool for developers employing **React** component architecture alongside the comprehensive type-checking of **TypeScript**.
1111
In other words, **you can draw prototypes and export React / TypeScript code!**
1212

1313
**ReacType** allows users to _visualize_ their application architecture dynamically, employing a _drag-and-drop canvas display_ and a _real-time component code preview_. Users can create components and drag _instances_ of these components, as well as HTML elements, onto the canvas. This architecture can then be _exported_ as TypeScript application files to be used as a starter template for any repository.
1414

15-
16-
**New with version 5.0:**
17-
18-
- Elements may be added to components in any location, rather than only at the bottom
19-
- Compatibility with Gatsby.js
20-
- Modernized and cleaner UI, including enhanced dark mode
21-
- Tutorial has been updated to reflect other modifications
22-
2315
Download for [MacOS](https://github.com/team-reactype/ReacType/releases), [Windows](https://github.com/team-reactype/ReacType/releases/), [Linux](https://github.com/team-reactype/ReacType/releases/).
2416

2517
- **Mac users**: After opening the dmg and dragging ReacType into your Applications folder, ctrl+click the icon and select 'Open' from the context menu to run the app. This extra step is necessary since we don't have an Apple developer license yet.
@@ -45,6 +37,44 @@ Download for [MacOS](https://github.com/team-reactype/ReacType/releases), [Windo
4537
- **User Preference Features**: With the click of a button, toggle between light mode and dark mode, depending on your preference.
4638
- **Export project**: Click the “Export Project’ button to export the project’s application files into a TypeScript file. The exported project is fully functional with Webpack, Express server, routing, etc., and will match what is mocked on the canvas.
4739

40+
- Elements may be added to components in any location, rather than only at the bottom
41+
- Compatibility with Gatsby.js
42+
- Modernized and cleaner UI, including enhanced dark mode
43+
- Tutorial has been updated to reflect other modifications
44+
45+
**New with version 6.0:**
46+
47+
### Dashboard
48+
49+
- **Dashboard**: Click the 'Dashboard' button to view the Public Dashboard and User Dashboard.
50+
- **Like**: Like other people's templates by clicking on the star icon.
51+
- **Comment**: Comment on other templates by typing in the input field and clicking the comment icon.
52+
- **Download**: Save any public template by clicking the download icon to save a copy as your own.
53+
- **Publish**: Publish any template to the Public Dashboard for other users to download, like, or comment on. Click again to unpublish projects.
54+
- **Sort By**: Click the 'Sort By' button to choose different metrics to sort the Public Dashboard by.
55+
56+
### Keyboard Shortcuts
57+
58+
**Mac**:
59+
- Export Project: Command + e
60+
- Undo: Command + z
61+
- Redo: Command + Shift + z
62+
- Save Project As: Command + s
63+
- Save Project: Command + shift + s
64+
- Delete HTML Tag on Canvas: Backspace
65+
- Delete Project: Command + Backspace
66+
- Open Project: Command + o
67+
68+
**Windows**:
69+
- Export Project: Control + e
70+
- Undo: Control + z
71+
- Redo: Control + Shift + z
72+
- Save Project As: Control + s
73+
- Save Project: Control + shift + s
74+
- Delete HTML Tag on Canvas: Backspace
75+
- Delete Project: Control + Backspace
76+
- Open Project: Control + o
77+
4878
#### Contributors
4979

5080
[Aaron Bumanglag](https://www.linkedin.com/in/akbuma) [@akbuma](https://github.com/akbuma)
@@ -55,6 +85,8 @@ Download for [MacOS](https://github.com/team-reactype/ReacType/releases), [Windo
5585

5686
[Andrew Cho](https://www.linkedin.com/in/andrewjcho84/) [@andrewjcho84](https://github.com/andrewjcho84)
5787

88+
[Anthony Torrero](https://www.linkedin.com/in/anthony-torrero-4b8798159/) [@Anthonytorrero](https://github.com/Anthonytorrero)
89+
5890
[Brian Han](https://www.linkedin.com/in/brianjisoohan/) [@brianjshan](https://github.com/brianjshan)
5991

6092
[Charles Finocchiaro](https://www.linkedin.com/in/charles-finocchiaro-62440040/) [@null267](https://github.com/null267)
@@ -65,6 +97,10 @@ Download for [MacOS](https://github.com/team-reactype/ReacType/releases), [Windo
6597

6698
[Diego Vazquez](https://www.linkedin.com/in/diegovazquezny/) [@diegovazquezny](https://github.com/diegovazquezny)
6799

100+
[Edward Park](https://www.linkedin.com/in/edwardparkwork/) [@eddypjr](https://github.com/eddypjr)
101+
102+
[Elena Conn](https://www.linkedin.com/in/elena-conn-366346123/) [@elenaconn](https://github.com/elenaconn)
103+
68104
[Eliot Nguyen](https://linkedin.com/in/ibeeliot) [@ibeeliot](https://github.com/ibeeliot)
69105

70106
[Fredo Chen](https://www.linkedin.com/in/fredochen/) [@fredosauce](https://github.com/fredosauce)
@@ -75,6 +111,8 @@ Download for [MacOS](https://github.com/team-reactype/ReacType/releases), [Windo
75111

76112
[Julie Wu](https://www.linkedin.com/in/jwuarchitect/) [@yutingwu4](https://github.com/yutingwu4)
77113

114+
[Khuong Nguyen](https://www.linkedin.com/in/khuong-nguyen/) [@khuongdn16](https://github.com/khuongdn16)
115+
78116
[Linh Tran](https://www.linkedin.com/in/linhtran51/) [@Linhatran](https://github.com/Linhatran)
79117

80118
[Luke Madden](https://www.linkedin.com/in/lukemadden/) [@lukemadden](https://github.com/lukemadden)
@@ -87,6 +125,8 @@ Download for [MacOS](https://github.com/team-reactype/ReacType/releases), [Windo
87125

88126
[Sean Sadykoff](https://www.linkedin.com/in/sean-sadykoff/) [@sean1292](https://github.com/sean1292)
89127

128+
[Shana Hoehn](https://www.linkedin.com/in/shana-hoehn-70297b169/) [@slhoehn](https://github.com/slhoehn)
129+
90130
[Shlomo Porges](https://linkedin.com/shlomoporges) [@shlomoporges](https://github.com/ShlomoPorges)
91131

92132
[Sophia Huttner](https://www.linkedin.com/in/sophia-huttner-68315975/) [@sophjean](https://github.com/sophjean)

app/src/Dashboard/Project.tsx

Lines changed: 5 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -10,9 +10,8 @@ import {
1010
import { withStyles, createStyles, makeStyles, Theme } from '@material-ui/core/styles';
1111
import CloseIcon from '@material-ui/icons/Close';
1212
import AddCommentIcon from '@material-ui/icons/AddComment';
13-
1413
import Button from '@material-ui/core/Button';
15-
14+
import ThumbUpAltIcon from '@material-ui/icons/ThumbUpAlt';
1615
import FavoriteBorderIcon from '@material-ui/icons/FavoriteBorder';
1716
import FavoriteIcon from '@material-ui/icons/Favorite';
1817
import StarIcon from '@material-ui/icons/Star';
@@ -60,22 +59,14 @@ const Project = ({
6059
//Likes the project when the star icon is clicked
6160
function handleLike(e) {
6261
e.preventDefault();
63-
let myVar = {
62+
const myVar = {
6463
variables:
6564
{
6665
projId: id,
67-
likes: likes,
66+
likes: likes + 1,
6867
},
6968
};
70-
if(clicked === false) {
71-
setClicked(true);
72-
myVar.variables.likes = likes + 1
73-
addLike(myVar);
74-
} else {
75-
setClicked(false);
76-
myVar.variables.likes = likes - 1
77-
addLike(myVar);
78-
}
69+
addLike(myVar);
7970
}
8071

8172
//Makes a copy of the public project and saves as a user project
@@ -214,7 +205,7 @@ const Project = ({
214205

215206
<div className = "icons">
216207
<IconButton tooltip="Like Template" style={noPointer} onClick = { handleLike }>
217-
{clicked ? <StarIcon fontSize='Large' style={{color:'#FFD700'}}/> : <StarBorderIcon fontSize='Large' style={{color:'#FFD700'}}/>}
208+
<ThumbUpAltIcon fontSize='Large'/>
218209
</IconButton>
219210
{ currUsername !== username ?
220211
<IconButton tooltip ="Download Template" style={noPointer} onClick={ handleDownload }>

0 commit comments

Comments
 (0)