/Spark

Primary LanguageTypeScript

Spark

Web Application created using Angular 9.

Motivation

I always wanted to develop a page where other people can post their ideas and look for other interesting ideas.

Technologies Used

  • Angular 9
  • Typescript
  • HTML5 & SCSS

Features

  • Clean and simple user interface.
  • Users can easily search for ideas, find information about them and contact the person.
  • Users can explore different technology domains and submit their own ideas.

Code Example

  <div class="container">
    <div class="info">
      <h1>
        Where great Ideas are <span class="mat-primary-text">Discovered</span>
      </h1>
      <h2>What <span class="mat-primary-text-lighter">Sparks</span> you?</h2>
      <div class="buttons">
        <button class="primary-Typography" mat-button (click) = "routeToCreation()">
          <div class="flex align-center">
            I have an Idea
            <mat-icon class="margin-left-s small-icon">wb_incandescent</mat-icon>
          </div>
        </button>
        <button class="primary-Typography" mat-button>
          <div class="flex align-center">
            Look For Ideas
            <mat-icon class="margin-left-s small-icon no-rotate margin-remove-bottom">search</mat-icon>
          </div>
        </button>
      </div>
    </div>
  </div>

How to use ?

Download the zip file or clone the project.

Installing

  • Run npm install to install the necessary dependencies.
  • Run ng serve -o in the terminal to run the project.

Prerequisites

  • An active internet connection.
  • Node JS.
  • Modern Browser such as Edge, Chrome, Safari, Firefox.

Credits

© Shubham Kumar Singh | 2020