Tech Talks

TECH TALKS

The final capstone project of the Microverse coding school Software Development curriculum, developed with Ruby on Rails, ReactJS, React Router, Redux, Bootstrap and Sass.

Live Link · Report Bug · Request Feature

Table of Contents

• About the Project
  • Built With
• Getting Started
  • Prerequisites
  • Installation
• Usage
• Contributing
• License
• Contact
• Future Implementations

About The Project

This project was developed as the final capstone project in the Microverse coding school Software Development bootcamp, it consisted of making a responsive mobile-first app with a Ruby on Rails RESTful API in the back-end and ReactJS for the front-end, implementing Redux and React Router implemnting the responsive design techniques and the Test-driven development method.

The app design is inspired from here, on this app as a registered user, you can see available tech talks in a timeline and you can check them for more details then you will be able to add them to your favorites timeline, the app also makes use of the devise Rails gem for a full user’s authentication system and is deployed on Heroku, tested with RSpec and used PostgreSQL as the main database.

Built With

• Ruby on Rails
• ReactJS
• Redux
• React Router
• Devise
• Sass
• Bootstrap
• RSpec
• PostgreSQL

Getting Started

To get a local copy up and running follow these simple steps.

Prerequisites

• npm

npm install npm@latest -g

• yarn

npm install yarn -g

Installation

1. Clone the repo

git clone https://github.com/redvanisation/Tech-Talks.git

2. Install Yarn packages

yarn install --check-files

3. Set-up, migrate and seed the Database

rails db:drop db:create db:migrate db:seed

4. Run the development server with only one of the below commands

./bin/webpack-dev-server

if that doesn’t work then

./bin/webpack -w

5. Start Rails server with the below command then navigate to localhost:3000 in your browser

rails s

Usage

• You can use one of the seeded users to log-in or register a new one, the first seeded user has all the posts set as favorites and the second one doesn’t have any favorites yet:
  • email: [email protected] password: password
  • email: [email protected] password: password
• After logging-in you will find a list of talks in a timeline you could click on the title or the arrow button to check more details about a talk, or you can access your favorites page by clicking the star button in the bottom.
• In the talk’s details page you can find all the details about the talk, the location the speakers, the speciality and you can also add it to your favorites list by clicking Add as fav button, you will then be redirected to the favorites page.
• In the favorites page you can see which talks you added as favorites and you could click the title or the arrow button to access the talk’s details page.

Contributing

Contributions are what make the open source community such an amazing place to be learn, inspire, and create. Any contributions you make are greatly appreciated.

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

License

Distributed under the MIT License. See LICENSE for more information.

Contact

Radouane Khiri - @redvanisation - LinkedIn - [email protected]

Tech Talks https://github.com/redvanisation/Tech-Talks

Future Implementations

• [ ] Create an admin panel to create / update / delete talks.
• [ ] The ability to delete favorites talks.
• [ ] Feedback section of the app