Proffy

🚀 Next Level Week #2 by Rocketseat - OmniStack

Study platform using React that connects teachers and students.

Table of Contents

1. Features
2. Web Pages
3. Mobile
4. How to run
5. Contribution
6. Issues
7. License and Credits
8. My Diary

📦 Features

• Responsive Layout for mobile;
• Using react-router-dom to navigate between pages;
• SQLite as database;
• Knex to build SQL from JS;
• Express framework to create the API responses and requests;
• Axios to facilitate the consumption of external APIs;
• Using Expo to create the React Native app;
• React Navigation.

🖥 Web Pages

Landing Page

Teachers List Page

Teacher Form 1

Teacher Form 2

📱 Mobile

Landing Page

Give Classes Page

👩‍💻 How to run

Web (front-end)

# Go to web folder
$ proffy-nlw/web

# Install dependencies
$ yarn install

# Run Aplication
$ yarn start

API (back-end)

# Go to server folder
$ proffy-nlw/server

# Install dependencies
$ yarn install

# Run Aplication
$ yarn start

Mobile

# Go to mobile folder
$ proffy-nlw/mobile

# Install dependencies
$ yarn install

# Run Aplication
$ yarn start

🤝 Contribution

These are the steps you can take to contribute to the project:

1. Fork the repository 🍴;

2. Create your feature branch (git checkout -b my-new-feature).

3. Make sure that you test everything and has no bugs;

4. Commit your changes (git commit -am 'Add some feature');

5. Push your changes to the branch (git push origin my-new-feature);

6. Create a new Pull Request! ✨

And then I'll review soon as possible!

🐞 Issues

Do you found some bugs or want to improve the project? Feel free to open a issue or contact me! I will happily review your pull request. 🥰

📃 License and Credits

Developed with 💙 by Luiza R. Marinho.

This project is under MIT License and is made for Rocketseat's classes.

---

✍️ My Diary

1st Class (August 3, 2020):

In this first class I learned a lot about CSS and that was where I had my first contact with React. I'm used to work with Angular and what bother me more about this framework > was the delay to run, I notice that this do not occur with React.

Well, I can already say that I loved going deeper into the front-end! I'm excited for the next classes!

2nd Class (August 4, 2020):

Fist time using node.js as back-end and I'm impressed. It is much easer than I expected and a WAY easer then using C# with .NET.

I liked the way the database migrations is done. I'm used to work with pure SQL but I think that using typescript is really cool!

3rd Class (August 5, 2020):

That was intense! The only thing that I don't like is that the "logical" part, like javascript and constants, stay together with the html. It is quit confusing programming like that for me because I'm used to have a html page and a component.ts page like in Angular. I'm starting to really like CSS! Maybe my future is on front-end... We will see...

4th Class (August 8, 2020):

I ended up being late in class due to personal problems :(

Well, I just loved doing the mobile part. I found the way the CSS is made quite different, it will take me a while to get the hang of doing the <View /> part among other react-native tags.

I will have to train a lot and I already have some ideas for future projects! Yey! :D

5th Class (August 13, 2020):

Again I was veeery late for this class :( I intend to continue with the project and learn more about this stack.